<div id="mainpage">
    <div class="nd">
        <div class="hd">Giới thiệu</div>
        <div class="bd">
            <div style="margin-bottom:10px;" class="img"><img width="482" height="148" src="<?=base_url()?>uploads/images/<?=$this->config->item('images_gioithieu')?>"></div>
            <h3><b><?=$this->config->item('title_gioithieu')?></b></h3>
            <div><?=htmlspecialchars_decode($this->config->item('gioithieu'))?></div>
        </div>
    </div>
    <hr size="1" color="#5E1B00" style="margin:0 10px;">
    <script src="js/carouFredSel.js" type="text/javascript"></script> 
    <script type="text/javascript">
    $(function() {
        $('ul#user_interaction').carouFredSel({
            auto: true,
            prev: "#prev",
            width : 480,
            visible : 11,
            items: 1,
            duration : 700,
            start: 0,
            next: "#next"
        });
    });
    </script>
    <div class="list_product">
        <div class="image_carousel">
            <div class="caroufredsel_wrapper" style="position: relative; overflow: hidden; width: 480px; height: 114px;">
                <ul id="user_interaction" style="position: absolute; height: 114px; left: 0px; width: 1610px;">
                   <? foreach($list_bottom as $rs):?>
                    <li>
                        <div><img height="80" src="<?=base_url()?>uploads/images/<?=$rs->BannerImg?>"></div>
                        <div><a href=""><?=$rs->BannerTitle?></a></div>
                    </li>
                    <? endforeach ?>
                    
                </ul>
            </div>
        </div>
    </div>
</div>
